﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>红点e贷服务管理系统</title>
<jsp:include page="../../../global/assets_common.jsp" />
<%-- <link href="${basePath}/framework/assets/zTree/css/demo.css" type="text/css" rel="stylesheet"> --%>
<link
	href="${basePath}/framework/assets/zTree/css/zTreeStyle/zTreeStyle.css"
	type="text/css" rel="stylesheet">
<script type="text/javascript"
	src="${basePath}/framework/assets/zTree/js/jquery.ztree.core.min.js"></script>
<style type="text/css">
body {
	font-size: 10px;
}

.left {
	width: 300px;
}

#main_center {
	position: absolute;
	top: 0px;
	left: 300px;
	bottom: 0px;
	width: 10px;
	background-image: url("${basePath}/global/images/asset/banner.png");
}

.left_header {
	background-image: url("${basePath}/global/images/asset/banner.png");
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-family: serif;
	font-weight: bolder;
	padding-left: 20px;
	border-radius: 3px 0px 0px 3px;
}

.right {
	position: absolute;
	top: 0px;
	left: 310px;
	bottom: 0px;
	right: 0px;
}

.right_header {
	background-image: url("${basePath}/global/images/asset/banner.png");
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-family: serif;
	font-weight: bolder;
	padding-left: 20px;
	border-radius: 0px 3px 3px 0px;
}

.left_menu {
	position: absolute;
	top: 56px;
	border: 2px solid #f6a828; 
	background-color: #f6a828;
	border-radius: 3px;
	z-index: 999;
}
.left_menu button{
	display: block;
}
.left_tool {
	text-align: center;
}
.right_main {
	width: 800px;
	padding: 30px 0px;
}

.right_main label {
	width: 150px;
	text-align: right;
}

.right_main input {
	width: 590px;
	margin: 5px 0px;
}
</style>
</head>
<body>
	<div class="left">
		<div class="left_header">角色</div>
		<div class="ui-widget-header ui-corner-all left_tool">
			<button id="btu_add">增加角色</button>
			<div class="ui-helper-hidden left_menu">
				<button id="btu_addt">增加同级</button>
				<button id="btu_addx">增加下级</button>
			</div>
			<button id="btu_update">修改角色</button>
			<button id="btu_delete">删除角色</button>
		</div>
		<div class="left_tree">
			<ul id="westTree" class="ztree"></ul>
		</div>
	</div>
	<div id="main_center"></div>
	<div class="right">
		<div class="right_header">详细信息</div>
		<div class="right_main">
			<label>角色名称:</label> <input type="text" readonly="readonly" id="role_name"/><br>
			<label>是否是叶子节点:</label> <input type="text" readonly="readonly" id="isLeaf"/><br>
			<label>所属权限:</label> <input type="text" readonly="readonly" id="role_names"/>
		</div>
	</div>
	<!--提示框 开始-->
	<div id="dialog_alert" title="提示" class="row ui-helper-hidden"></div>
	<!--提示框结束-->
	<!--新增模态框  开始 -->
	<div id="dialog_add" title="新增角色" class="row ui-helper-hidden">
		<form class="form" id="form_update">
			<div class="form-group">
				<label for="a_jsmc" class="control-label col-sm-4">角色名称:</label>
				<div class="col-sm-8">
					<input type="text" id="a_jsmc" name="a_jsmc" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="a_pjsmc" class="control-label col-sm-4">上级角色名称:</label>
				<div class="col-sm-8">
					<input type="text" id="a_pjsmc" name="a_pjsmc" class="form-control" readonly="readonly"/>
				</div>
			</div>
		</form>
	</div>
	<!--新增角色模态框 结束-->
	<!--更新模态框  开始 -->
	<div id="dialog_update" title="修改角色" class="row ui-helper-hidden">
		<form class="form" id="form_update">
			<div class="form-group">
				<label for="u_jsmc" class="control-label col-sm-4">角色名称:</label>
				<div class="col-sm-8">
					<input type="text" id="u_jsmc" name="u_jsmc" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="u_pjsmc" class="control-label col-sm-4">上级角色名称:</label>
				<div class="col-sm-8">
					<input type="text" id="u_pjsmc" name="u_pjsmc" class="form-control" readonly="readonly"/>
				</div>
			</div>
		</form>
	</div>
	<!--更新模态框 结束-->
</body>
<script src="${basePath}/global/js/assets/role.js"></script>
</html>